<meta charset="utf-8">
<link rel="stylesheet" href="1.css">
<div class="top clearfix">
    <img class="fl" src="images/gameLogo.png"/>
    <p class="fl">首页</p>
    <div class="lis1 fr">
        <ul class="clearfix">
            <li><a href="#">注册</a></li>
            <li>|</li>
            <li><a href="#">登录</a></li>
            <li>|</li>
            <li><a href="#">帮助</a></li>
            <li>|</li>
            <li><a href="#">更多</a></li>
        </ul>       
    </div>   
</div>

<div class="section1 clearfix">
    <div class="lis2 fl">
        <ul>
            <li><img src="images/sub-2.gif"/><span>征战四方</span></li>
            <li><img src="images/sub-3.gif"/><span>龙将</span></li>
            <li><img src="images/sub-4.gif"/><span>弹弹堂</span></li>
            <li><img src="images/sub-5.gif"/><span>凡人修真2</span></li>
            <li><img src="images/sub-6.gif"/><span>一骑当先</span></li>
            <li><img src="images/sub-7.gif"/><span>宫廷计</span></li>
            <li><img src="images/sub-8.gif"/><span>神仙道</span></li>
        </ul>
    </div>

    <div class="banner fl">
        <img src="images/xdtgg_frxz2_44.jpg" width="520"/>
        <div class="nav"><span>1</span><span>2</span><span>3</span><span>4</span></div>
    </div>

    <div class="form fr">
        <p class="p2">开心网用户登录</p>
        <div class="input1">账号：<input placeholder="字母、数字的六位字符"/></div>
        <div class="input2">密码：<input type="password" placeholder="四位数字"/></div>
        <div class="btn1"><input type="image" src="images/btnLogin.jpg" /></div>
        <p class="p1"><a href="#">立即注册</a><a href="#">忘记密码</a></p>
    </div>
</div>

<div class="section2 clearfix">
    <div class="fl box2">
        <div class="title1"><span>全部游戏</span><span>战争策略</span><span>|</span><span>体育经营</span><span>|</span><span>社交游戏</span></div>

        <div class="box clearfix">
            <div class="box1 fl">
                <div class="fl"><img src="images/img-4.jpg" width="130px"/></div>
                <div class="txt1 fl">
                    <p>三国题材横版RPG网游，丰富的武将系统</p>
                    <p>类型：角色扮演</p>
                    <p>游戏人气：<span>470921</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </div>
            </div>
            <div class="box1 fl">
                <div class="fl"><img src="images/img-5.jpg" width="130px"/></div>
                <div class="txt1 fl">
                    <p> 一款不建主城不等CD，不占资源，全程战斗</p>
                    <p>类型：战征策略</p>
                    <p>游戏人气：<span>8745221</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </div>
            </div>
        </div>
    </div>
    <div class="aside fr">
        <p>新闻公告</p>
        <ul>
            <li><a href="#"><img src="images/rightTwo.png"/> [征战四方] 开心首服·黄巾之乱</a></li>
            <li><a href="#"><img src="images/rightTwo.png"/> [龙将] 火爆8服·八门金</a></li>
            <li><a href="#"><img src="images/rightTwo.png"/> [弹弹堂] 41服开启·万人竞技</a></li>
            <li><a href="#"><img src="images/rightTwo.png"/> [凡人修真2] 03月08日·四海帝王</a></li>
            <li><a href="#"><img src="images/rightTwo.png"/> [一骑当先] 开心2服上线送黄金</a></li>
            <li><a href="#"><img src="images/rightTwo.png"/> [宫廷计] 03月06日·西施秘史</a></li>
            <li><a href="#"><img src="images/rightTwo.png"/> [凡人修真2] 03月08日·四海帝王</a></li>
        </ul>
    </div>
</div>

<div class="section5 clearfix">
    <div class="section3 fl">
        <div class="title1"><span>角色扮演</span></div>
        <div class="lis3">
            <ul class="clearfix">
                <li>
                    <div><img src="images/img-6.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>22区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
                <li>
                    <div><img src="images/img-7.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>25区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
                <li>
                    <div><img src="images/img-8.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>22区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
                <li>
                    <div><img src="images/img-9.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>27区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
                <li>
                    <div><img src="images/img-10.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>21区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
                <li>
                    <div><img src="images/img-11.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>26区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
                <li>
                    <div><img src="images/img-12.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>20区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
                <li>
                    <div><img src="images/img-13.jpg" width="130px"/></div>
                    <p>游戏人气：1765314</p>
                    <p>游戏状态：<span>24区开启</span></p>
                    <p><input class="btn2" type="button" value="选服"/> <input class="btn3" type="button" value="进入游戏"/></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="section4 fr">
        <div><img src="images/ad1.jpg" width="258"/></div>
        <div><img src="images/ad2.jpg" width="258"/></div>
        <div class="vedio">
            <p>游戏视频</p>
            <ul>
                <li class="clearfix">
                    <div class="fl"><img src="images/img-1.jpg"/></div>
                    <p class="fl"><a href="#">《航海之王》麻辣炫酷反穿越，英雄时尚大变身！</a></p>
                </li>
                <li class="clearfix">
                    <div class="fl"><img src="images/img-2.jpg"/></div>
                    <p class="fl"><a href="#">《弹弹堂》吴克群同名激情主题MV，体验修真乐趣</a></p>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="bot">
        <a href="#">关于我们</a> <a href="#">手机版</a> <a href="#">开放平台</a> <a href="#">自助广告</a> <a href="#">招聘</a> <a href="#">客服</a> <a href="#">帮助</a> 
        <span>@2017开心网 </span><span>文网文[2009]157号</span> <span>京ICP证080482号</span> <span>京公网安备110000000003号</span> <span>未成年人家长监护</span>
</div>

<div class="dong">
    <img class="pic" src="images/ad3.jpg"/>
    <span class="gb">X</span>
</div>